<template>
  <div>
    <Header></Header>
    <section
      data-test="page-section"
      data-section-theme="black"
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle has-background black"
      data-section-id="607bf9c9a79f9205b0d3ea7b"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      style="padding-top: 267.656px"
      data-active="true"
    >
      <div class="section-border">
        <div class="section-background" style="top: 267.656px">
          <img
            alt=""
            data-src="../../assets/imgs/Medical+Insurance+2.png"
            data-image="../../assets/imgs/Medical+Insurance+2.png"
            data-image-dimensions="1920x1281"
            data-image-focal-point="0.5,0.5"
            data-load="false"
            elementtiming="nbf-background"
            src="../../assets/imgs/Medical+Insurance+2.png"
            width="1920"
            height="1281"
            sizes="(max-width: 799px) 200vw, 100vw"
            style="display: block; object-position: 50% 50%"
            srcset="
              ../../assets/imgs/Medical+Insurance+2.png?format=100w   100w,
              ../../assets/imgs/Medical+Insurance+2.png?format=300w   300w,
              ../../assets/imgs/Medical+Insurance+2.png?format=500w   500w,
              ../../assets/imgs/Medical+Insurance+2.png?format=750w   750w,
              ../../assets/imgs/Medical+Insurance+2.png?format=1000w 1000w,
              ../../assets/imgs/Medical+Insurance+2.png?format=1500w 1500w,
              ../../assets/imgs/Medical+Insurance+2.png?format=2500w 2500w
            "
            fetchpriority="high"
            loading="eager"
            decoding="async"
            data-loader="sqs"
          />
          <div class="section-background-overlay" style="opacity: 0.08"></div>
        </div>
      </div>
      <div class="content-wrapper" style="">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
            id="page-section-6073ff55c64f9762a2a3667b"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div
                  class="sqs-block html-block sqs-block-html"
                  data-block-type="2"
                >
                  <div class="sqs-block-content">
                    <div class="sqs-html-content">
                      <h1
                        style="
                          text-align: center;
                          white-space: pre-wrap;
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.264s;
                        "
                        class="h2-white h1-1"
                      >
                        Medical <em style="font-weight: 300">Insurance</em>
                      </h1>
                      <p class="sqsrte-large">
                        Protect yourself and your family
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme=""
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle"
    >
      <div class="content-wrapper">
        <div class="content">
          <div class="row sqs-row">
            <div class="col sqs-col-12 span-12">
              <div class="link-box">
                <router-link class="link-1" to="/healthservicesmenu"
                  >Full Service Menu</router-link
                >
              </div>
              <div class="tip1-botm">
                <h3><strong>Medical Insurance</strong></h3>
              </div>
              <div class="tip2">
                <p>
                  Medical insurance generally refers to basic medical insurance,
                  which is a social insurance system established to compensate
                  employees for economic losses caused by disease risks. Through
                  the payment of employers and individuals, a medical insurance
                  fund is established. After medical expenses incurred by the
                  insured persons who are ill, the medical insurance agency will
                  give them a certain amount of financial compensation.
                </p>
              </div>
              <div class="tip2">
                <p>
                  The establishment and implementation of the basic medical
                  insurance system has gathered the economic power of units and
                  members of the society, together with government funding, can
                  enable sick members of society to obtain necessary material
                  assistance from the society, reduce the burden of medical
                  expenses, and prevent the sick society The members are
                  "poverty due to illness".
                </p>
              </div>
              <div class="tip1">
                <p><strong>Effect</strong></p>
              </div>
              <div class="tip1">
                <p>
                  <strong
                    >1. It is conducive to improving labor productivity and
                    promoting the development of production.</strong
                  >
                </p>
              </div>
              <div class="tip2">
                <p>
                  Medical insurance is the inevitable result of social progress
                  and production development. In turn, the establishment and
                  improvement of the medical insurance system will further
                  promote the progress of society and the development of
                  production. On the one hand, medical insurance relieves
                  workers' worries and makes them work at ease, which can
                  increase labor productivity and promote the development of
                  production; on the other hand, it also guarantees the physical
                  and mental health of workers and guarantees the normal
                  reproduction of labor.
                </p>
              </div>
              <div class="tip1">
                <p>
                  <strong
                    >2. Adjust income differences and reflect social
                    equity.</strong
                  >
                </p>
              </div>
              <div class="tip2">
                <p>
                  Medical insurance adjusts income differences by collecting
                  medical insurance premiums and reimbursing medical insurance
                  service fees, which is an important means of redistribution of
                  government income.
                </p>
              </div>
              <div class="tip1">
                <p>
                  <strong
                    >3. An important guarantee for maintaining social
                    stability.</strong
                  >
                </p>
              </div>
              <div class="tip2">
                <p>
                  Medical insurance provides financial assistance to sick
                  workers, helps eliminate social instability caused by illness,
                  and is an important social mechanism for adjusting social
                  relations and social conflicts.
                </p>
              </div>

              <div class="tip1">
                <p>
                  <strong
                    >4. An important means to promote social civilization and
                    progress.</strong
                  >
                </p>
              </div>
              <div class="tip2">
                <p>
                  The social system of medical insurance and social mutual
                  assistance and mutual assistance, by sharing the risk of
                  disease costs among insured persons, embodies the new social
                  relationship of "one party is in trouble, eight parties
                  support", which is conducive to promoting social civilization
                  and progress.
                </p>
              </div>
              <div class="tip1">
                <p>
                  <strong
                    >5. An important guarantee for advancing the reform of the
                    economic system, especially the reform of state-owne</strong
                  >
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../../components/header.vue";
import Footer from "../../components/footer.vue";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>
<style scoped>
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h1 {
    /* font-size: calc((4 - 2)* 1.2vw + 1rem); */
    font-weight: 500;
  }
  h2 {
    font-size: calc(1.8 * 1.2vw + 1rem);
  }
  .h1-1 {
    font-size: calc((4 - 1) * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px) {
  .content {
    width: 75%;
    word-break: break-word;
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h3 {
    font-size: calc(1.1 * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  .sqsrte-large {
    font-size: calc((1.4 - 1) * 1.2vw + 1rem);
  }
}
.sqsrte-large {
  text-align: center;
  color: #fff;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-section.section-height--medium:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 33vh;
}
.section-background {
  overflow: hidden;
  pointer-events: none;
}
.page-section.background-width--inset:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  padding-top: 4vw;
  padding-right: 4vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
}
.section-background,
.section-background .section-background-content,
.section-background .section-background-canvas,
.section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.background-width--inset:not(.content-collection):not(.gallery-section):not(
    .user-items-list-section
  )
  .section-background {
  top: 4vw;
  right: 4vw;
  bottom: 4vw;
  left: 4vw;
  /* position: absolute; */
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
.sqs-row::before,
.sqs-row::after {
  content: "";
  display: block;
  clear: both;
}
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3),
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) {
  word-wrap: break-word;
}
.sqs-block {
  padding: 0 17px;
}
.tradiTip1 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 70%;
  left: 20%;
}
.section-background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-background img {
  position: relative;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
h1 {
  color: #fff;
}
h1 {
  text-align: center;
  white-space: pre-wrap;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.32s;
}
.h2-1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}
.page-section.vertical-alignment--middle:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section):not(.editmode-changing-rowcount) {
  align-items: center;
}
.page-section.section-height--small:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: inherit;
}
.sqs-col-12 {
  width: 100%;
}
.link-box {
  padding-bottom: 17px;
}
.link-1 {
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #000;
  font-size: 14px;
}
.img-box {
  max-width: 390px;
  margin: 0 auto;
}
.tip1-botm {
  padding-bottom: 17px;
}
.tip1 h3 {
  margin-bottom: 0;
  text-align: center;
}
.tip2 {
  /* padding-bottom: 17px; */
  word-wrap: break-word;
  color: #333;
  line-height: 30px;
  font-family: poppins;
  font-weight: 300;
}
.tip3 p {
  margin: 17px 0;
  color: rgb(0, 36, 82);
}
.h3Css {
  padding-bottom: 0;
}
.h3Css h3 {
  text-align: left;
}
</style>
